<template>
    <section class="jumbotron">
        <h3 class="jumbotron-heading">Search Github Users</h3>
        <div>
            <input type="text" v-model="keyword" placeholder="enter the name you search" />
            <button @click="getKeyword">Search</button>
        </div>
    </section>
</template>

<script>
export default {
    name: "Header",
    data() {
        return {
            keyword: ''
        }
    },
    methods: {
        getKeyword() {
            this.$store.dispatch('getData', this.keyword)
        }
    }
};
</script>

<style scoped>
</style>